<template>
    <div id="main"></div>
</template>
<script>
import * as echarts from 'echarts'

export default {
    name: 'dataset1',
    mounted() {
        let myChart = echarts.init(document.getElementById('main'), null, {
            width: 600,
            height: 400
        })
        var option = {
            dataset: {
                source: [
                    [12, 323, 11.2],
                    [23, 167, 8.3],
                    [81, 284, 12],
                    [91, 413, 4.1],
                    [13, 287, 13.5]
                ]
            },
            visualMap: {
                show: true,
                dimension: 0, // 维度1是半径
                min: 2, // 需要给出数值范围，最小数值。
                max: 15, // 需要给出数值范围，最大数值。
                inRange: {
                    // 气泡尺寸：5 像素到 60 像素。
                    symbolSize: [5, 60]
                }
            },
            xAxis: {},
            yAxis: {},
            series: {
                type: 'scatter',
                encode: {
                    // 维度 3 和 4 被编码成坐标 x 和 y，也就是第一列和第二列。
                    x: 1,
                    y: 2               
                }
            }
        };

        myChart.setOption(option)
    }
}
</script>
<style scoped>

</style>